<!DOCTYPE html>
<html lang="en">
<head>
   <style>
        li{
            list-style-type:none;   
            text-align:left;
            line-height:30px;
            }

            li::before{   
            content: "♠";
            font-size: 12px;
            padding-right:8px;
            }
        span{
            color: red;
        }
    </style>
    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>06马利雯——第三章作业</title>
</head>
<body>
    <table align="center">
        <td>
            <ul>
                <h1 align="center">
                    <font color="#676364" face="微软雅黑">把 握
                        <font color="#1564a6">移 动 端 字 体 设 计</font> 的 七 大 标 准
                    </font></h1></ul>
            <ul>
                <p align="center">
                    <font color="#676364" face="楷体">更新时间:
                        <font color="#1564a6">2020年06月06日17时26分</font>
                            来源:
                        <font color="#1564a6">问答精灵</font>
                    </font></p></ul>
        </td>
    </table>
    <table align="center">
        <td align="center">
            <img src="C:\Users\Shmily\Desktop\javaweb-ppt\作业三图片.jpg" width="503" height="273">
        </td>
        <td>
            <ul><li><span>>留足空间，字体并非弯弯曲曲的线条 排列</span>它主要在于周围和相互间的空间。</li>
                <li>行宽是一行文字的长度，<span>是一行文字的理想长度</span>，因为很难让每一行都精确吻合。</li>
                <li>行距是行之间的空间，行距太紧凑，<span>会让视线难以从行尾扫视到下一行首。</span></li>
                <li>所有字体至少都有一种最佳状态，<span>使字体在浏览器中最能保持字形的抗锯齿选项。</span></li>
                <li>你读的多数内容是<span>居左对齐，右边沿参差不齐的，</span>这样看起来更<sapn>有节奏。</sapn></li>
                <li>增强文字与背景对比的同时，我们也要<span>减少不同层次文字间的反差。</span></li>
                <li><span>按比例调整字间距，</span>为移动端调整字号时，要意识到字距间发生了必要的变化。</li></ul>
                <hr width="560"/>
               <p align="center" >
                   <font size="3" face="楷体"><i>原文链接:
                       <font color="#1564a6"><a href="http://www.woshipm.com/pd/136680.html">http://www.woshipm.com/pd/136680.html</a></font> 
                   &nbsp;&nbsp;&nbsp;&nbsp;文章分类：
                   <font color="#1564a6">艺术设计 </font></font></i></p>
        </td>
    </table>
</body>
</html>